<template>
  <div id="app">
    <div class="header">
      <Header></Header>
    </div>

    <div id="nav">
      <Nav></Nav>
    </div>
    <div class="main">
      <router-view/>
    </div>

    <div class="footer">
      <Footer></Footer>
    </div>
  </div>
</template>
<script>
import Header from "./components/Header";
import Footer from "./components/Footer";
import Nav from "./components/Nav";
export default {
  components: {
    Header,
    Footer,
    Nav,
  },
  data() {
    return {
      isShow: true,
    };
  },
  // watch:{
  //   "$route.path":function(value){
  //     if(value=="/student"){
  //       this.isShowFraction=false;
  //       this.isShowStudent=true;
  //     }
  //     else if(value=="/fraction"){
  //       this.isShowFraction=true;
  //       this.isShowStudent=false;
  //     }
  //     else{
  //       console.log("login");
  //     }
  //   }
  // }
};
</script>
<style scoped>
.main {
  width: 100%;
  height: 350px;
}
</style>